/*
 * @Description: 必要的配置文件
 * @Author: Vergil
 * @Date: 2021-07-15 09:46:07
 * @LastEditTime: 2021-08-27 14:17:15
 * @LastEditors: Vergil
 */
const path = require('path');
console.log(path.resolve('./', 'src'))
module.exports = {
  title: 'Zylw-Ui',
  description: '开始你的组件化之旅吧~',
  // 注入到当前页面的 HTML <head> 中的标签
  head: [
    ['link', {
      rel: 'icon',
      href: '/favicon.ico'
    }], // 增加一个自定义的 favicon(网页标签的图标)
  ],
  // base: '/web_accumulate/', // 这是部署到github相关的配置 下面会讲
  markdown: {
    lineNumbers: false // 代码块显示行号
  },
  themeConfig: {
    logo: '/logo1.jfif', //导航最前方的图标
    //头部导航
    nav: [{
        text: '指南',
        link: '/'
      }, // 内部链接 以docs为根目录
      {
        text: '组件',
        link: '/component/guide/introduction'
      }, // 内部链接 以docs为根目录
      {
        text: '主题',
        link: 'https://gitee.com/vergil_lu/zl-ui'
      }, // 内部链接 以docs为根目录
      {
        text: '码云地址',
        link: 'https://gitee.com/vergil_lu/zl-ui1'
      }, // 外部链接
      // 下拉列表
      {
        text: 'GitHub',
        items: [{
            text: 'GitHub地址',
            link: ''
          },
          {
            text: '算法仓库',
            link: ''
          }
        ]
      }
    ],
    sidebar: {
      // docs文件夹下面的accumulate文件夹 文档中md文件 书写的位置(命名随意)
      '/component/': [{
          title: '开发指南',
          collapsable: false,
          children: [
            'guide/introduction',
            'guide/guide'
          ]
        },
        {
          title: '基础组件',
          collapsable: false,
          children: [
            'basic/button',
            'basic/icon'
          ]
        },
        {
          title: '表单组件',
          collapsable: false,
          children: [
            'from/radio',
            'from/switch',
            'from/rate',
            'from/input',
            'from/inputNumber',
          ]
        },
        {
          title: '其他组件',
          collapsable: false,
          children: [
            'others/loading'
          ]
        }
      ]
    }
  },
  plugins: [
    [
      require('./md-loader')
    ]
  ],
  //配置webpack
  // chainWebpack: config => {
  //   // GraphQL Loader
  //   config.module
  //     .rule('eslint')
  //     .test(/\.(vue|(j|t)sx?)$/)
  //     .pre()
  //     .use('eslint-loader')
  //       .loader('eslint-loader')
  //       .tap(options => {
  //           options = {
  //             formatter: require('eslint-friendly-formatter'), 
  //             emitError: true
  //           };
  //           return options;
  //       });
  // }
  configureWebpack: {
    module:{
        rules:[
            {
              test: /\.(js|jsx)$/,
              loader: 'eslint-loader',
              enforce: "pre",
              include: [path.resolve('./', 'src')], // 指定检查的目录
              exclude: /node_modules/,
              options: {         
                // formatter: require('eslint-friendly-formatter'),              // 这里的配置项参数将会被传递到 eslint 的 CLIEngine 
                emitError: true, // 以错误的形式显示
                emitWarning: true, // 以警告的形式提示
                quiet: true, // 仅仅显示错误，忽略警告
                failOnWarning: true, //警告会导致编译失败
              }
            }
        ],
        
    }
  }
}